<%@page contentType="text/html" pageEncoding="UTF-8"%>
<div id="content">
    <div class="row body">
        <div class="column grid_8">
            <div id="slider1">
                <ul id="slider1Content">
                    <li class="slider1Image">
                        <img src="images/wide/1.jpg" alt="1" />
                        <span class="left"><strong>Title text 1</strong><br />Content text...</span></li>
                    <li class="slider1Image">
                        <img src="images/wide/2.jpg" alt="2" />
                        <span class="right"><strong>Title text 2</strong><br />Content text...</span></li>
                    <li class="slider1Image">
                        <img src="images/wide/3.jpg" alt="3" />
                        <span class="right"><strong>Title text 2</strong><br />Content text...</span></li>
                    <li class="slider1Image">
                        <img src="images/wide/4.jpg" alt="4" />
                        <span class="left"><strong>Title text 2</strong><br />Content text...</span></li>
                    <li class="slider1Image">
                        <img src="images/wide/5.jpg" alt="5" />
                        <span class="right"><strong>Title text 2</strong><br />Content text...</span></li>
                </ul>
                <div class="clear slider1Image"></div>
            </div>
            <div class="row listMember" style="margin: 5px 0px 0px -42px;">
                <ul id="listMember">
                    <li class="listMemberImage">
                        <img src="images/user/aphii1_120_476.jpg" alt="Nguyễn Ánh Tuyết" />
                        <div >
                            <a href="#"><p id="memberName"  style="float: left; margin: 0px; width: 120px; height: 20px; text-align: left; overflow: hidden;"><strong>Nguyễn Ánh Tuyết</strong></p></a>
                            <p class="memberStatus" style="clear: both; margin: 0px; width: 120px; height: 40px; text-align: left; overflow: hidden;">^^ Happy day...</p>
                        </div></li>
                    <li class="listMemberImage">
                        <img src="images/user/loveparadise0o0_120_43.jpg" alt="Love Paradise" />
                        <div>
                            <a href="#"><p id="memberName"  style="float: left; margin: 0px; width: 120px; height: 20px; text-align: left; overflow: hidden;"><strong>Love Paradise</strong></p></a>
                            <p class="memberStatus" style="clear: both; margin: 0px; width: 120px; height: 40px; text-align: left; overflow: hidden;">Forget me not</p>
                        </div></li>
                    <li class="listMemberImage">
                        <img src="images/user/nguyenthuyduong1993hn_120_37.jpg" alt="Thùy Dương" />
                        <div>
                            <a href="#"><p id="memberName"  style="float: left; margin: 0px; width: 120px; height: 20px; text-align: left; overflow: hidden;"><strong>Thùy Dương</strong></p></a>
                            <p class="memberStatus" style="clear: both; margin: 0px; width: 120px; height: 40px; text-align: left; overflow: hidden;">21/2 tân gia nhà tớ</p>
                        </div></li>
                    <li class="listMemberImage">
                        <img src="images/user/phpdhh_120_58.jpg" alt="Sima Hoang" />
                        <div>
                            <a href="#"><p id="memberName"  style="float: left; margin: 0px; width: 120px; height: 20px; text-align: left; overflow: hidden;"><strong>Sima Hoang</strong></p></a>
                            <p class="memberStatus" style="clear: both; margin: 0px; width: 120px; height: 40px; text-align: left; overflow: hidden;">Đời là bể khổ @@</p>
                        </div></li>
                    <li class="listMemberImage">
                        <img src="images/user/quynhtien331_120_30.jpg" alt="Quỳnh Tiên" />
                        <div>
                            <a href="#"><p id="memberName"  style="float: left; margin: 0px; width: 120px; height: 20px; text-align: left; overflow: hidden;"><strong>Na331</strong></p></a>
                            <p class="memberStatus" style="clear: both; margin: 0px; width: 120px; height: 40px; text-align: left; overflow: hidden;">T/g, khổ rồi Na ơi</p>
                        </div></li>
                    <li class="listMemberImage">
                        <img src="images/user/rockman166_120_1.jpg" alt="Tran Quang Minh" />
                        <div>
                            <a href="#"><p id="memberName"  style="float: left; margin: 0px; width: 120px; height: 20px; text-align: left; overflow: hidden;"><strong>Tran Quang Minh</strong></p></a>
                            <p class="memberStatus" style="clear: both; margin: 0px; width: 120px; height: 40px; text-align: left; overflow: hidden;">KVTM</p>
                        </div></li>
                    <li class="listMemberImage">
                        <img src="images/user/yensonnsth88_120_2.jpg" alt="Son Trang" />
                        <div>
                            <a href="#"><p id="memberName"  style="float: left; margin: 0px; width: 120px; height: 20px; text-align: left; overflow: hidden;"><strong>Son Trang</strong></p></a>
                            <p class="memberStatus" style="clear: both; margin: 0px; width: 120px; height: 40px; text-align: left; overflow: hidden;">Trộm viếng nhà >.<</p>
                        </div></li>
                    <li class="listMemberImage">
                        <img src="images/user/rockman166_120_1.jpg" alt="Tran Quang Minh" />
                        <div>
                            <a href="#"><p id="memberName"  style="float: left; margin: 0px; width: 120px; height: 20px; text-align: left; overflow: hidden;"><strong>Tran Quang Minh</strong></p></a>
                            <p class="memberStatus" style="clear: both; margin: 0px; width: 120px; height: 40px; text-align: left; overflow: hidden;">KVTM</p>
                        </div></li>
                    <li class="listMemberImage">
                        <img src="images/user/loveparadise0o0_120_43.jpg" alt="Love Paradise" />
                        <div>
                            <a href="#"><p id="memberName"  style="float: left; margin: 0px; width: 120px; height: 20px; text-align: left; overflow: hidden;"><strong>Love Paradise</strong></p></a>
                            <p class="memberStatus" style="clear: both; margin: 0px; width: 120px; height: 40px; text-align: left; overflow: hidden;">Forget me not</p>
                        </div></li>
                </ul>
            </div>
        </div>
        <div class="column grid_4">
            <div class="login">
                <div class="login_box_title"><strong>Login</strong></div>
                <div class="login_box_content">
                    <div class="txtErr" id="_errMsg"></div>
                    <div class="label">Username</div>
                    <input type="text" class="input" id="_acc" name="u" maxlength="32">
                    <div class="label">Password</div>
                    <input type="password" class="input" id="_pass" name="pp" maxlength="64">
                </div>
                <div class="login_box_footer">
                    <button class="login_box_footer login_box_ok" value="Login" style="cursor: url">Login</button>
                    <button class="login_box_footer login_box_ok" >Create an account</button>
                    <hr>
                    <a href="">Forgot your password?</a>
                    <br><br>
                </div>
            </div>
        </div>
    </div>
</div>